const tab = document.querySelectorAll('.pages1');
for (let i = 0; i < tab.length; i++) {
    tab[i].addEventListener('click', function (e) {
        e.preventDefault()
        document.querySelector('.pages1.active').classList.remove('active')
        e.target.classList.add('active')
    })
}
// document.querySelector('.dingdan').addEventListener('click', function () {
//     document.querySelector('.right').style.display = 'none'
//     document.querySelector('.right1').style.display = 'block'
// })
// document.querySelector('.zhongxin').addEventListener('click', function () {
//     document.querySelector('.right').style.display = 'block'
//     document.querySelector('.right1').style.display = 'none'
// })
document.body.addEventListener('click', function (e) {
    if (e.target.tagName === 'A') {
        e.preventDefault()
    }
})
const chanceses = document.querySelectorAll('.chances')
for (let i = 0; i < chanceses.length; i++) {
    chanceses[i].addEventListener('click', function (e) {
        document.querySelector('.chances.active2').classList.remove('active2')
        e.target.classList.add('active2')
    })
}
const second = document.querySelectorAll('.second')
function times() {
    for (let i = 0; i < second.length; i++) {
        function time() {
            let num = 60
            let num1 = 59
            // second.innerHTML = `付款截止：${num1}分${num}秒`
            setInterval(function () {
                num--
                second[i].innerHTML = `付款截止：${num1}分${num}秒`
                if (num <= 0) {
                    num1--
                    num = 60
                }
            }, 1000)
        }
    }
}
times()
document.querySelector('.pay').addEventListener('click', function () {
    location.href = 'xtx-personale-center.html'
})

// document.querySelector('.obligation').addEventListener('click', function () {
//     document.querySelector('.right').style.display = 'none'
//     document.querySelector('.right1').style.display = 'none'
//     document.querySelector('.lists').style.display = 'none'
//     document.querySelector('.list1').style.display = 'block'
//     document.querySelector('.list3').style.display = 'none'
//     document.querySelector('.list2').style.display = 'none'
//     document.querySelector('.pages').style.display = 'block'
// })
// document.querySelector('.all').addEventListener('click', function () {
//     document.querySelector('.list1').style.display = 'none'
//     document.querySelector('.lists').style.display = 'block'
//     document.querySelector('.list2').style.display = 'none'
//     document.querySelector('.list3').style.display = 'none'
//     document.querySelector('.pages').style.display = 'block'
// })
// document.querySelector('.deliver').addEventListener('click', function () {
//     document.querySelector('.list1').style.display = 'none'
//     document.querySelector('.list2').style.display = 'block'
//     document.querySelector('.lists').style.display = 'none'
//     document.querySelector('.list3').style.display = 'none'
//     document.querySelector('.pages').style.display = 'block'
// })
// document.querySelector('.takeDelivery').addEventListener('click', function () {
//     document.querySelector('.list1').style.display = 'none'
//     document.querySelector('.list3').style.display = 'block'
//     document.querySelector('.lists').style.display = 'none'
//     document.querySelector('.list2').style.display = 'none'
//     document.querySelector('.pages').style.display = 'none'
// })
